*{padding: 0px;margin: 0px;overflow: hidden;}
span{
    display: inline-block;
}
.container{
    width: 100vw;
    height: 100vh;
    display: flex;
     background-color:#99CCFF;
    flex-direction: column;
    .top{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
         color:white;
        .company-logo{
            font-family: 宋体;
            font-size:60px;
            font-weight: bold;
            margin-left: 40px;
        }
        .contact{
            display: flex;
            margin-right: 40px;
            .icon-dianhua1{
            font-size: 40px;
           
            }
            .contact-information{
            font-size: 15px;
            }
        }
    }
    .middle{
        flex:1 0 0;
        display: flex;
        position: relative;
        color: #333366;
        .left-menu-bg{
            display: flex;
            flex-direction: column;
            transition: width 100ms ease;
            font-size: 26px;
            flex:0 0 auto;
            background-color:rgb(255, 255, 255);
            .icon-menu{
                width: inherit;
                display: flex;
                justify-content: center;
                .cd1{
                  font-size: 40px;
                  padding: 5px 0px 5px;  
                }
                
               
            }
            .first-menu{
                white-space: nowrap;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 10px 0;
                width: 100%;
                .sq1{
                    font-size: 10px;
                    margin-left: 10px;
                   transition: transform 100ms linear;
                }
                 .menu-icons{
                font-size: 35px;
                margin-right: 5px;
                overflow: visible;
            }
            }
            .first-menu:hover{
                cursor: pointer;
                color: #0099FF;
                background-color: #FFFF66;;
            }
        
           
            .second-menu{
                transition: all 100ms linear;
                white-space: nowrap;
                overflow: hidden;
                text-align: center;
                font-size: 16px;
            }
           .second-menu>div:hover{
            cursor: pointer;
            color: #00a6ff;
             background-color: #FFFF66;
           }
        }
        .right-main-menu-bg{
            flex: 1 0 0;
            overflow: hidden;
            box-sizing: border-box;

        }
    }
    .bottom{
        font-size:12px;
        padding: 5px 0px;
        color: white;
        text-align: center;
    
    }
}
